<template>
  <div class="left-content">
      <p v-for="(item, index) in list" :key="index">
          <router-link :to="item.url">{{item.name}}</router-link>
      </p>
  </div>
</template>

<script>
export default {
    data() {
        return {
            list: [
                {name: 'page1', url: '/page/'},
                {name: 'page2', url: '/page/son2'},
                {name: 'page3', url: '/page/son3'},
            ]
        }
    },
    created() {
        console.log('left-重生在泉水');
    },
    destroyed() {
        console.log('left-快速回家');
    }
}
</script>

<style>
    .left-content {
        width: 200px;
        background-color: #aaa;
    }
</style>